<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<h:head>
	<title>GARAGEM - <ui:insert name="titulo" /></title>
	<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/css/estilo.css" />
	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/jquery.numberLetters.js" ></script>
	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/jquery.maskMoney.js" ></script>
</h:head>
<h:body>

	<div id="resolucao">
	
		<script type="text/javascript">
			jQuery(function(){
				jQuery('div[id*=info-topo]').click(function () { 
					var display = jQuery('div[id*=logo-topo]').css('display');
					if(display == 'block'){
						jQuery('div[id*=logo-topo]').hide();
						jQuery('span[id*=maxMin]').attr('class', 'ui-icon ui-icon-triangle-1-e');
					}else{
						jQuery('div[id*=logo-topo]').show();
						jQuery('span[id*=maxMin]').attr('class', 'ui-icon ui-icon-triangle-1-s');
					}
				});
			});
		</script>
	
		<h:form>
			<div id="info-topo" class="ui-accordion-header ui-helper-reset ui-state-default ui-state-active">
				<table width="100%" cellspacing="0">
				<tr>
					<td>
						<p align="left">
							<span id="maxMin" class="ui-icon ui-icon-triangle-1-s"></span>
						</p>
		            </td>
		            <td>
						<p align="right">
							<strong>Usuário: </strong><h:outputText value="#{loginBean.nomeUsuarioLogado}" /> - 
							<strong><p:commandLink style="color:#000011;" value="Sair" action="#{loginBean.sair}" ajax="false" /></strong>
						</p>
		            </td>
				</tr>
				</table>
			</div>
		</h:form>
		<div id="logo-topo" style="display:block;">
			<h:form id="imagemLogoForm">
			<table width="100%" cellspacing="5">
				<tr>
					<td>
						<p align="left">
							<p:graphicImage cache="false" value="#{manterDadosEmpresaBean.logoEmpresa}" />
						</p>
		            </td>
		            <td>
						<p align="right">
							<h:graphicImage value="/img/LogoInterface.jpg" width="120" />
						</p>
		            </td>
				</tr>
			</table>
			</h:form>
			
			<h:form>
			    <p:menubar id="idMenuDinamico" model="#{manterItensMenuBean.menuDinamico}" autoSubmenuDisplay="true" styleClass="menu-topo"/>
			</h:form>
		</div>

		<div id="corpo" style="margin:10px;">
		
		<ui:insert name="baseMigalhas"></ui:insert>
		
		<div id="conteudo">
		
		<p:ajaxStatus style="width:16px;height:16px;">
			<f:facet name="start">
				<h:graphicImage value="/img/ajaxloading.gif" />
			</f:facet>
	
			<f:facet name="complete">
				<h:outputText value="" />
			</f:facet>
		</p:ajaxStatus>
		
		<p:growl id="msgSistema" infoIcon="/img/accept.png" showDetail="false" life="6000" />
		
		<ui:insert name="baseCorpo">Corpo da página não encontrada</ui:insert>
		
		</div>
		</div>
	</div>
	<br />
</h:body>
</html>